<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/xiaoguo.css">
  <link rel="stylesheet" href="/common/swiper/swiper-bundle.min.css">
  <script src="/common/swiper/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="/common/bootstrap/css/bootstrap.min.css">
  <script src="/common/bootstrap/js/bootstrap.min.js"></script>
  <title>效果图</title>
</head>
<body>
  <div class="xiaoguo">
    <div class="renovation-hearder centre">
      <ul class="main-top centres">
        <li><a href="#">登录/注册</a></li>
        <li><a href="#">APP/公众号</a></li>
        <li><a href="#">商业合作</a></li>
        <li><a href="#">咨询热线：4000-787-012</a></li>
      </ul>
      <div class="main-bottom centres flex">
        <div class="logo"><img src="/img/logo.jpg" alt=""></div>
        <ul class="main-nav">
          <li><a href="index" class="active">首页</a></li>
          <li><a href="zhuangxiu">装修公司</a></li>
          <li><a href="shejishi">设计师</a></li>
          <li><a href="effect">效果图</a></li>
          <li><a href="fuwu">服务</a></li>
        </ul>
        <div class="main-search ">
          <div class="bule">
            装修公司
            <span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
          </div>
          <input type="search" name="" id="" placeholder="请输入公司名称或关键字"  />
        </div>
      </div>
    </div>
    <div class="banner">
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="/img/50.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/50.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/50.jpg" alt=""></div>
          <div class="swiper-slide"><img src="/img/50.jpg" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="title">
      <div class="tits">
        <h1>[[${modules[12].module.name}]]</h1>
        <p>[[${modules[12].module.title}]]</p>
      </div>
        <button>[[${modules[12].module.description}]]</button>
    </div>
    <div class="content">
      <div class="contents">
       <img th:src="${modules[12].banners[0].imgUrl1}" alt="">
       <h3>[[${modules[12].banners[0].title}]]</h3>
       <p>[[${modules[12].banners[0].description}]]</p>
       <div class="btn">
        <button> < </button>
        <button> > </button>
       </div>
       <div class="jian">
        <img th:src="${modules[12].banners[0].imgUrl2}" alt="">
       </div>
      </div>
      <div class="contentss">
       <div class="conts" th:each="i1:${#numbers.sequence(1,4)}">
        <img th:src="${modules[12].banners[i1].imgUrl1}" alt="">
       </div>
<!--       <div class="conts">-->
<!--        <img src="/img/54.jpg" alt="">-->
<!--       </div>-->
<!--       <div class="conts">-->
<!--        <img src="/img/55.jpg" alt="">-->
<!--       </div>-->
<!--       <div class="conts">-->
<!--        <img src="/img/56.jpg" alt="">-->
<!--       </div>-->
      </div>
    </div>
    <div class="title">
      <h1>[[${modules[13].module.name}]]</h1>
      <button>[[${modules[13].module.description}]]</button>
  </div>
  <div class="footer">
    <div class="footers">
       <div class="footerx" th:each="i2:${#numbers.sequence(0,3)}">
         <img th:src="${modules[13].banners[i2].imgUrl1}" alt="">
         <h4>[[${modules[13].banners[i2].title}]]</h4>
         <p>[[${modules[13].banners[i2].b1}]]  [[${modules[13].banners[i2].b2}]]  [[${modules[13].banners[i2].b3}]]</p>
         <button>[[${modules[13].banners[i2].description}]]</button>
       </div>
<!--       <div class="footerx">-->
<!--        <img src="/img/58.jpg" alt="">-->
<!--        <h4>办公室庭院</h4>-->
<!--        <p>公装 240平米</p>-->
<!--        <button>4张</button>-->
<!--      </div>-->
<!--      <div class="footerx">-->
<!--        <img src="/img/59.jpg" alt="">-->
<!--        <h4>现代极简白色系空间</h4>-->
<!--        <p>简约 三居 110平米</p>-->
<!--        <button>12张</button>-->
<!--      </div>-->
<!--      <div class="footerx">-->
<!--        <img src="/img/60.jpg" alt="">-->
<!--        <h4>复古美式效果</h4>-->
<!--        <p>美式 三居 120平米</p>-->
<!--      </div>-->
    </div>
    <div class="footers">
      <div class="footerx" th:each="i2:${#numbers.sequence(4,7)}">
        <img th:src="${modules[13].banners[i2].imgUrl1}" alt="">
        <h4>[[${modules[13].banners[i2].title}]]</h4>
        <p>[[${modules[13].banners[i2].b1}]]  [[${modules[13].banners[i2].b2}]]  [[${modules[13].banners[i2].b3}]]</p>
        <button>[[${modules[13].banners[i2].description}]]</button>
      </div>
<!--      <div class="footerx">-->
<!--       <img src="/img/58.jpg" alt="">-->
<!--       <h4>办公室庭院</h4>-->
<!--       <p>公装 240平米</p>-->
<!--     </div>-->
<!--     <div class="footerx">-->
<!--       <img src="/img/59.jpg" alt="">-->
<!--       <h4>现代极简白色系空间</h4>-->
<!--       <p>简约 三居 110平米</p>-->
<!--     </div>-->
<!--     <div class="footerx">-->
<!--       <img src="/img/60.jpg" alt="">-->
<!--       <h4>复古美式效果</h4>-->
<!--       <p>美式 三居 120平米</p>-->
<!--     </div>-->
<!--   </div>-->
  </div>
  <div class="renovation-bottom  centre">
    <div class=" cent  ">
      <div class="bottom-top ">
        <div class="bot-left">
          <ul class="about-bot">
            <h5>关于我们</h5>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#"> 招贤纳士</a></li>
            <li><a href="#">商务合作</a></li>
          </ul>
          <ul class="about-bot">
            <h5>新手上路</h5>
            <li><a href="#">免费注册</a></li>
            <li><a href="#">免费设计</a></li>
            <li><a href="#">免费报价</a></li>
            <li><a href="#">牯修攻路</a></li>
          </ul>
          <ul class="about-bot">
            <h5>帮助中心</h5>
            <li><a href="#">忘记密码</a></li>
            <li><a href="#">侵权投诉</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">装修问答</a></li>
          </ul>
          <ul class="about-bot">
            <h5>全国统一电话: <span>  4000-787-012</span></h5>
            <li><a href="#">在线咨询:8:30-18:00</a></li>
            <li><a href="#">业务电话:4000-7B7-012</a></li>
            <li><a href="#"> 公司地址:山东省济南市历城区二环东路东环国际广场D做12层</a></li>

          </ul>
        </div>
        <div class="bot-right">
          <img src="/img/weweima_03.png" alt="">
          <p>关注公众号</p>
        </div>

      </div>
      <div class="bottom-center">
        <div class="cen-top"><span>热门装修网</span>&nbsp;&nbsp; 友情链接 </div>
        <div class="cen-bot">
          武汉装修网 合肥装修网 杭州装修网 无铺装修网 青岛鞍修网 兰州装修网 哈尔滨装修网 沈阳装修网 太原敲修网 广州装修网 兰州凄修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 武汉装修网 台肥装修网 杭洲装修网 无镵菽修网 胄岛跋侮网 兰州装修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 兰州装修网 哈尔滨装修网沈阳装修网 太原装修网 广州装修网

        </div>

      </div>
      <div class="bottom-bottom">
        <div class="bot-wen">
          <div>免责声明:本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。装修之家我网保留所有权利</div>
          <div> Copyright@2010-2021济南六度网络技术有限公司zzhijia.comALlLRightls Resenved.备案号:鲁ICP备12026533号鲁公网安备37011202000873号</div>
        </div>
        <div class="bot-img">
          <img src="/img/30.jpg" alt="">
          <img src="/img/31.jpg" alt="">
        </div>

      </div>





    </div>
  </div>
  </div>
</body>
<script>
  var mySwiper = new Swiper('.swiper', {
      pagination: {
        el: '.swiper-pagination',
      },
    });
</script>
</html>
